<template>
  <div id="app">
<!--    el-input-->
<!--    <el-input v-model="input" @input="changeValue"></el-input>-->
<!--    class el-input-->
<!--    <div class="el-input">-->
<!--      <input type="text" @input="changeValue" v-model="input" class="el-input__inner"/>-->
<!--    </div>-->
<!--    input-->
<!--    <input type="text" @input="changeValue" v-model="input"/>-->
    <div class="el-input">
      <input type="text" @input="changeValue" v-model="input" class="el-input__inner"/>
    </div>
    {{input}}
  </div>
</template>

<script>
export default {
  name: "Test",
  data(){
    return{
      input:null
    }

  },
  methods:{
    changeValue: function(val) {
      this.input = "123"
    }
  }
}
</script>

<style scoped>

</style>